
import React, { useState } from 'react'
const Advert = () => {

  const [adList, setAdList] = useState([
    {
      img: "http://blogimages.jspang.com/flutter_ad2.jpg",
      url: "http://blogimages.jspang.com/flutter_ad2.jpg"
    },
    {
      img: "http://blogimages.jspang.com/flutter_ad2.jpg",
      url: "http://blogimages.jspang.com/flutter_ad2.jpg"
    },
    {
      img: "http://blogimages.jspang.com/flutter_ad2.jpg",
      url: "http://blogimages.jspang.com/flutter_ad2.jpg"
    }
  ])

  return (
    <div className="ad-div common-box">
      广告区域
      {/* {
        adList.map((item, index) => (
          <div key={index}>
            <a href={item.url}>
              <img src={item.img} width="100%" />
            </a>
          </div>
        ))
      } */}
      <style jsx>{`
        .ad-div{
          /* margin-top: .5rem; */
        }
        .ad-div div{
          border-radius: .3rem;
          margin-bottom: .2rem;
          overflow: hidden;
        }
      `}</style>
    </div>
  )
}

export default Advert